// import { render } from "react-dom";
// import ReactDOM from 'react-dom/client';
import App from "./App";
// import AppLess from "./AppLess"
import AppThree from "./AppThree"
import ShoeView from "./views/MoldView"
import AppAxesCube  from "./AppAxesCube";
import AppTreeMenu from "./AppTreeMenu"
import configureStore from './redux/configureStore'
import {Provider} from 'react-redux'
import {hydrate} from 'react-dom'
// import {Provider} from 'react-redux'

// Read the state sent with markup
//@ts-ignore
const state = window.__STATE__;

// delete the state from global window object
//@ts-ignore
delete window.__STATE__;

// reproduce the store used to render the page on server
const store = configureStore(state)
// const rootElement = document.getElementById("root");
// render(<App />, rootElement);

hydrate(
    <Provider store={store} >
      {/* The React.js error "Type is missing the following properties from type" occurs when we don't pass any props to a component, or don't pass it all of the props it requires. To solve the error, make sure to provide all of the props that are required in the component. */}
       {/* <AppThree  name="first class"/> */}
       {/* <AppAxesCube /> */}
       {/* <AppTreeMenu /> */}
       {/* <App /> */}
       <ShoeView />
    </Provider>,
    document.querySelector('#root')
  )